import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [{
		path: '/',
		name: 'login',
		component: () => import('../views/user/LoginView.vue')
	},
	{
		path: '/admin',
		name: 'admin',
		component: () => import('../views/admin/AdminView.vue'),
		children: [

			{
				path: '/productOne',
				name: 'productOne',
				component: () => import('../views/admin/product/ProductOne.vue'),
			},
			{
				path: '/productTwo',
				name: 'productTwo',
				component: () => import('../views/admin/product/ProductTwo.vue'),
			},
			{
				path: '/productThree',
				name: 'productThree',
				component: () => import('../views/admin/product/ProductThree.vue'),
			},

			{
				path: "project/one",
				name: "project",
				component: () => import('../components/project/OneCom.vue')
			},
			{
				path: "project/two",
				name: "project",
				component: () => import('../components/project/TwoCom.vue')
			},
			{
				path: "project/three",
				name: "project",
				component: () => import('../components/project/ThreeCom.vue')
			},

		]
	},
	{
		path: '/about',
		name: 'about',

		component: () => import('../views/AboutView.vue'),

	},
]

const router = new VueRouter({
	routes
})

export default router
